<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学习CSS</title>
		<style>
			/* 引入样式表  CSS2语法 缺陷：先html后css*/
			@import url(css/学习CSS.css);
			
			/* 内部样式表：效果   
			所有P元素添加背景颜色：黄色
			选择器：抓取页面元素，统一添加
			*/
		   p{
			   background-color: yellow;
		   }
		</style>
	<!-- 外部样式表 href="相对路径+xxx.css" 将css代码写在外部 
	    link元素可以创建多个，必须平行
	-->
	    <li nk rel="stylesheet" href="css/学习CSS.css" />
	</head>
	<body>
		<!-- 文本元素：span文本元素 -->
		<span>今天</span>是周四，<span>明天</span>是周五，<span>后天</span>放假
		<!-- 一.什么是CSS？ 
		     Cascading Style Sheets  层叠样式表，级联样式表，简称 样式表
			 【主要做元素效果
			  html5   元素        属性与属性值--针对单个元素作效果
			  css     控制任何元素 简洁，推荐使用css代替html元素中属性与属性值
			 】
			 功能：实现内容与表现分离【html结构层   css样式层】
			二. 使用CSS3样式表【效果、布局】
			   ①内联[级联]样式表: 写法与属性与属性值基本一致  [不用]
			   ②内部样式表:在head元素中添加style元素，CSS3语法[练习专用]
			   ③外部样式表:在head元素中 link外链 [项目专用]
			   ④引入样式表[css2]:在style元素中添加 @import()[不用]
			三.CSS3基础语法
			   选择器{
				   属性: 属性值;
			   }
			   重点：学习选择器使用--抓页面元素
			        CSS属性与属性值:边框、盒模型、浮动、文本元素样式、动画..
		 -->
		 <p align="center">lorem</p>
		 <p align="center">lorem</p>
		 <!-- ①内联样式表语法：style="属性:属性值;属性:属性值;" -->
		 <p style="text-align: center;color: red;">lorem</p>
		 <p align="center">lorem</p>
		 <p align="center">lorem</p>
	</body>
</html>